<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
		<!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
		<title></title>
		<!-- Bootstrap -->
		<script type="text/javascript" src="framework/jquery-1.11.2.min.js" ></script>
		
		<link rel="stylesheet" href="framework/bootstrap/css/bootstrap.min.css" />
		<link rel="stylesheet" href="js/amazeui/css/amazeui.min.css" />
		<script type="text/javascript" src="js/amazeui/js/amazeui.min.js" ></script>
		<link rel="stylesheet" href="css/newProductRelease.css" />
		
		<!--微信-->
		<script type="text/javascript" src="js/weixin.js" ></script>
		<link rel="stylesheet" href="css/weixin.css" />
		
		<script type="text/javascript" >
			var u = navigator.userAgent, app = navigator.appVersion;
			var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Linux') > -1; //android终端或者uc浏览器
			var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端
			$(function(){
				if(isAndroid || isiOS){
					$('.androidbtn').css('display','none');
					$('.iosbtn').css('display','none');
					$('.btnPhone').css('display','block');
					
					$('.btnPhone').on('click',function(){
						if(is_weixin())
							$("#mcover").css('display','block');
						else if(isAndroid)
							location.href = "http://udodl.howdo.cc/xjk/udo_stu.apk";
						else
							location.href = "itms-services://?action=download-manifest&amp;url=https://dn-udodl.qbox.me/udo2/20150625/1/manifest.plist";
					});
				}else{
					$('.iosbtn').on('click',function(){
						$('#iosShowDiv').modal({
							closeViaDimmer : 0,
							width : 264,
							height : 387
						});
					});
					$('.androidbtn').on('click',function(){
						$('#androidShowDiv').modal({
							closeViaDimmer : 0,
							width : 264,
							height : 387
						});
					});
				}
				var randomTitle=["这么潮的老师...你受得了吗？","喜大普奔！UDO名师名课来了！","高中到底怎么读？UDO微课为你指路！","新一代移动学习社区，中学生的快速进步的福音啊！",
				                 "想追上对手吗？神器来啦!UDO学生端让你轻松获胜！","减负喊了多年，书包还是那么重大.....UDO学生端，真正意义的移动课堂！",
				                 "UDO，学生最时尚的移动学习方式！","名师名课，一手掌握！"];
				var num=parseInt(Math.random()*8 );
				$('title').text(randomTitle[num]);
				
				if(isPC()){
					$('#iosDownloadLink').attr('href','javascript:void(0)');
					$('#iosDownloadLink').text('请扫描二维码下载');
				}
			});
			
			//判读是否是pc
			function isPC(){  
			     var userAgentInfo = navigator.userAgent;
			     var Agents = new Array("Android", "iPhone", "SymbianOS", "Windows Phone", "iPad", "iPod");  
			     var flag = true;  
			     for (var v = 0; v < Agents.length; v++) {  
			         if (userAgentInfo.indexOf(Agents[v]) > 0) { flag = false; break; }  
			     }  
			     return flag;  
			  }
			
		</script>
	</head>

	<body>
		<div id="wrap">
			<div class="jumbotron">
			  <div class="container-fluid">
			  	<img class="bigImg" src="img/newProductRelease/视频-bg.jpg" >
			  	<img class="mobileImg" src="img/newProductRelease/dianhua-.png"/>
			  	<img class="cloudImg" src="img/newProductRelease/白玉-拷贝_2.png"/>
			  	<img class="smImg" src="img/newProductRelease/加入好度222.jpg"/>
			  	<h1>学习·从未如此简单</h1>
			  	<h3>UDO学生端，让你从此步步为先</h3>
			  	<a class="btn btn-mybtn iosbtn" role="button">iOS版下载</a>
			  	<a class="btn btn-mybtn androidbtn" role="button">Android版下载</a>
			  	<a type="button" class="btnPhone am-round">
					<img class="iosIcon" src="img/download/下载.png" />  下载APP
				</a>
			  </div>
			</div>
			
			<div class="container textContent">
				<p>
					UDO学生端是学生们贴心的小助手。学生可以反复观看老师上传的课堂视频与题目讲解，更好地解决学习中遇到的困难，如同老师永远在身边！
					</p>
					<p>
					经典的名师课堂，精准的答案解析，明确的学习轨迹，独特的翻转课堂模式！
					</p>
					<p>
					UDO学生端旨在更好地服务于广大学生，它不会替代老师，而是将老师的教育理念与解题思路随时随地传达，学生真真正正地提高成绩才是我们的愿景！					
					</p>
			</div>
				
		</div>
		
		<footer >
			<div class="bottombar"></div>
			<div class="row footerBarCodeArea">
				<div class="col-md-6 logo">
					<a href="#!/home">
						<img class="footerLogo" src="img/logo.png" />
					</a>
				</div>

				<div class="col-md-6 barcode">
					<div>
						<img src="img/home/weixin.jpg" />
						<p>微信公共账号</p>
					</div>
				</div>

			</div>
			<div class="row footerCopyRight">
				Copyright © 2014-<span class="nowYear"></span> 天津好度科技有限公司 | 津ICP备14007114号
			</div>
		</footer>
		
		<!--弹出层-->
			<div id="iosShowDiv" class="showDiv am-modal am-modal-no-btn" tabindex="-1">
				<a href="javascript: void(0)" class="am-close am-close-spin am-fr" data-am-modal-close>&times;</a>
				<img src="img/download/downloadApp.png" class="codeImg am-center"/>
				<a id="iosDownloadLink" href="itms-services://?action=download-manifest&amp;url=https://dn-udodl.qbox.me/udo2/20150625/1/manifest.plist" class="downloadBtn am-round am-center">iOS版下载</a>
			</div>
			
			<div id="androidShowDiv" class="showDiv am-modal am-modal-no-btn" tabindex="-1">
				<a href="javascript: void(0)" class="am-close am-close-spin am-fr" data-am-modal-close>&times;</a>
				<img src="img/download/downloadApp.png" class="codeImg am-center"/>
				<a href="http://udodl.howdo.cc/xjk/udo_stu.apk" class="downloadBtn am-round am-center">Android版下载</a>
			</div>
			
			<!--从浏览器打开-->
			<div id="mcover" onclick="document.getElementById('mcover').style.display='';" style="display: none;">
			     <img src="img/more-2.png" class="am-img-responsive">
			</div>
	</body>

</html>